
<div class="navbar navbar-default" id="navbar" style="background: #3e7db5">

    <script type="text/javascript">

        try{gds.settings.check('navbar' , 'fixed')}catch(e){}

    </script>



    <div class="navbar-container" id="navbar-container">

        <div class="navbar-header pull-left">

            <a href="#" class="navbar-brand">
                <img style="float:left" th:src="@{/images/logo.png}" width="60" height="29" />
                <small style="float:left" >
                    GAFF数据安全解决方案
                </small>
            </a><!-- /.brand -->

        </div><!-- /.navbar-header -->



        <div class="navbar-header pull-right" role="navigation">

            <div class="vspgds-8"></div>
            <a data-toggle="dropdown" href="#" class="dropdown-toggle light-blue align-middle">

                <span class="user-info">

                    <small>Welcome,<span th:text="${session.user.userName}"></span></small>

                </span>
                <i class="icon-caret-down"></i>

            </a>



            <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">

                <li>
                    <a th:href="@{/reset-pwd}">
                        <i class="icon-cog"></i>
                        修改密码
                    </a>

                </li>
                <li class="divider"></li>

                <li>

                    <a th:href="@{/logout}">

                        <i class="icon-off"></i>
                        退出
                    </a>

                </li>

            </ul>

        </div><!-- /.navbar-header -->

    </div><!-- /.container -->

</div>
<style>
    /**字符串过长 转化为 。。。**/
    table{
        width:100px;
        table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
    }
    td div{
        width:100%;
        word-break:keep-all;/* 不换行 */
        white-space:nowrap;/* 不换行 */
        overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/
        -o-text-overflow:ellipsis;
        -icab-text-overflow: ellipsis;
        -khtml-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;
    }
</style>